/* SPDX-License-Identifier: Apache-2.0 */

/*
  Large blue padded horizontal container for at the top of the page:
  <div class="banner"></div>
*/

.banner {
  background-color: $primary-color;
  color: $white;
  padding: 50px 0;

  @media only screen and (max-width: $tablet) {
    padding: 40px 0;
  }

  @media only screen and (max-width: $mobile) {
    padding: 25px 0;
  }
}
